
body {
  background-color: #F2F2F2;
}

.container {
  width: 1670px;
  line-height: 80px;
  background-color: white;
  border-radius: 2px;
  margin-top: 10px;
}

.nav_header {
  height: 80px;
}

.content_right {
  text-align: right;
}

.drop_down {
  width: 255px;
  height: 40px;
  outline: none
}

.sousuo,
.chongzhi {
  width: 85px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  border: 0;
  border-radius: 2px;
}

.sousuo {
  /* 搜索按钮 */
  background-color: #33ADFF;
  color: white;
}
.sousuo:hover{
  opacity: 0.8;
}
.chongzhi:hover{
  background-color: #0099FF;
  color: white;
}
 .xinzeng:hover{
  background-color: #0099FF;
  color: white;
}
.shanchu:hover{
  background-color: #0099FF;
  color: white;
}
.chongzhi {
  /* 重置按钮 */
  color: #666666;
}

.shanchu,
.xinzeng {
  width: 80px;
  height: 35px;
  line-height: 33px;
  padding: 0;
  border: 0;
  border-radius: 2px;
}

.shanchu {
  /* 删除按钮 */
  color: #666666;
  border: rgb(204, 204, 204) 1px solid;
  background-color: white;
}

.xinzeng {
  /* 新增按钮 */
  color: #49A2E8;
  border: #49A2E8 1px solid;
}

.table_row span {
  display: inline-block;
  margin-right: 10px;
}

.table_row span:hover {
  color: #49A2E8;
  cursor: pointer;
}

.table_page {
  height: 74px;
  /* line-height: 74px; */
}

.table_page>nav,
.page_num {
  height: 74px;
  line-height: 74px;
}

.page_num {
  padding: 20px;
}

.page_num>ul {
  height: 34px;
  border-radius: 2px;
  padding: 0;
  overflow: hidden;
  transition: all 0.3s linear;
}

.page_num>ul:hover {
  height: 136px;
}

.page_num>ul>li {
  list-style: none;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  background-color: #F2F2F2;
}

.icon_anniu {
  position: relative;
}

.icon-anniu_kaiqi {
  font-size: 36px;
  color: #0099FF;
  position: absolute;
  top: 0px;
}

.icon-anniu_guanbi {
  font-size: 36px;
  color: #CCCCCC;
  position: absolute;
  top: 0px;
  display: none;
}

th,
td {
  height: 70px;
  line-height: 70px;
  /* text-align: center; */
}
tr {
  cursor: default;
}
#thead {
  background-color: #F2F2F2;
}
#thead>tr>th:nth-child(1){
  text-align: center;
}
#deltankuang {
  width: 400px;
  height: 200px;
  position: absolute;
  top:40%;
  left: 40%;
  background-color: rgb(175, 165, 165);
  display: none;
}

#deltankuang>div:first-child {
  right: 20px;
  position: absolute;
  font-size: 20px;
  cursor: pointer;
}

#deltankuang>div:nth-of-type(2) {
  font-size: 25px;
  margin-top: 60px;
  margin-left: 30px;
}

#deltankuang>div:nth-of-type(2)>span:first-child {
  color: white;
  background-color: #FAAD14;
  border-radius: 50px;
  padding: 0 0px 0 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

#deltankuang>div:last-child {
  margin-top: 50px;


}

.del_xiugai {
  font-size: 25px;
}

.queding>button:hover {
  background-color: #33ADFF;
  color: white;
}

.selected {
  background: #796a6a;
  color: black;
}

tbody tr:not(.selected):hover {
  background: rgba(130, 75, 219, 0.719);
  color: black;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle;
}
.xuanze>input{
  margin-left: 23px;
  margin-top: 30px;
  }
  .xuanze>span{
  margin-left: 10px;
  }
  .xuanze>span:hover{
    cursor: pointer;
    color: #0099FF;
  }
  .xuanze>input:hover{
    cursor: pointer;
    color: #0099FF;
  }
/*圆形多选框*/
.tui-checkbox:checked {
  outline: none;
  border: none;
background:#1673ff
}
.tui-checkbox {
  outline: none;
width:22px;
height:22px;
background-color:#ffffff;
border:solid 1px #dddddd;
-webkit-border-radius:50%;
border-radius:50%;
font-size:0.8rem;
margin:0;
padding:0;
  margin-top: 2px;
  margin-right: 5px;
position:relative;
display:inline-block;
vertical-align:top;
cursor:default;
-webkit-appearance:none;
-webkit-user-select:none;
user-select:none;
-webkit-transition:background-color ease 0.1s;
transition:background-color ease 0.1s;
}
.tui-checkbox:checked::after {
content:'';
  outline: none;
  margin: 0;
top:7px;
left:6px;
position:absolute;
background:transparent;
border:#fff solid 2px;
border-top:none;
border-right:none;
height:6px;
width:10px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/*方形多选框*/
.box-checkbox:checked {
  outline: none;
  border: none;
background:#1673ff
}
.box-checkbox {
  outline: none;
width:22px;
height:22px;
background-color:#ffffff;
border:solid 1px #dddddd;
font-size:0.8rem;
margin:0;
padding:0;
  margin-top: 5px;
  margin-right: 5px;
position:relative;
display:inline-block;
vertical-align:top;
cursor:default;
-webkit-appearance:none;
-webkit-user-select:none;
user-select:none;
-webkit-transition:background-color ease 0.1s;
transition:background-color ease 0.1s;
}
.box-checkbox:checked::after {
content:'';
  outline: none;
  margin: 0;
top:6px;
left:6px;
position:absolute;
background:transparent;
border:#fff solid 2px;
border-top:none;
border-right:none;
height:6px;
width:10px;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
input[type="checkbox"]:focus{
  outline: none;
}
/*input框*/
.minput{
  height: 40px;
  line-height: 40px;
  width: 255px;
  border: 1px solid rgb(204,204,204);
  padding: 0 10px;
  outline: none;
}
.minput::placeholder{
  color: rgb(204,204,204);
}
/*白底按钮*/
/* <div>
  <span>图标</span>
  <span>文字</span>
</div> */
.mbutton-white{
  display: inline-block;
  border-radius: 5px;
  width: 85px;
  height: 40px;
  line-height: 38px;
  background-color: white;
  color: rgb(129, 129, 129);
  border: 1px solid rgb(204,204,204);
  text-align: center;
  cursor: pointer;
}
.mbutton-white:hover,
.mbutton-blueb:hover,
.mbutton-blue:hover{
  background-color: rgb(51,173,255);
  border: 1px solid rgb(51,173,255);
  color: white;
}
.mbutton-white>span:first-child,
.mbutton-blueb>span:first-child,
.mbutton-blue>span:first-child{
  display: inline-block;
  font-size: 16px;
  margin-left: -2px;
  /* margin-right: 2px; */
}
/*蓝边按钮*/
.mbutton-blueb{
  display: inline-block;
  border-radius: 5px;
  width: 85px;
  height: 40px;
  line-height: 38px;
  background-color: white;
  color: rgb(0,153,255);
  border: 1px solid rgb(0,153,255);
  text-align: center;
  cursor: pointer;
}
/*蓝底按钮*/
.mbutton-blue{
  display: inline-block;
  width: 85px;
  border-radius: 5px;
  height: 40px;
  line-height: 38px;
  background-color: rgb(0,153,255);
  color: white;
  border: 1px solid rgb(51,173,255);
  text-align: center;
  cursor: pointer;
}
.mbutton-white,
.mbutton-blue,
.mbutton-blueb{
  margin: 0 5px;
}
.long-mbutton{
  width: 100px;
}
/*表格*/
.mtable{
width: 100%;
padding: 0 10px;
}
.mtable>thead{
background-color: rgb(242,242,242);
padding: 0 10px;
}
.mtable>thead>tr{
height: 50px;
line-height: 30px;
color: rgb(153,153,153);
}
.mtable>tbody>tr:nth-of-type(even){
background-color: rgb(249,249,249);
}
.mtable>tbody>tr{
height: 80px;
line-height: 12px;
clear: both;
}

.mwidth>td:first-child{
/* width: 50px; */
text-align: center;
}
/* .mwidth>td:nth-child(2){
width: 140px;
}
.mwidth>td:nth-child(3){
width: 255px;
}
.mwidth>td:nth-child(4){
width: 120px;
}
.mwidth>td:nth-child(5){
width: 140px;
}
.mwidth>td:nth-child(6){
width: 180px;
}
.mwidth>td:nth-child(7){
width: 170px;
}
.mwidth>td:nth-child(8){
width: 205px;
}
.mwidth>td:nth-child(9){
width: 120px;
}
.mwidth>td:nth-child(10){
width: 120px;
}
.mwidth>td:nth-child(11){
width: 120px;
} */
a{
color: black;
cursor: pointer;
}
a:hover{
color: rgb(0,153,255);
text-decoration: none;
}

.pagenum{
list-style: none;
display: inline-block;
padding: 0;
}
.pagenum>li,
.next,.back{
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background-color: rgb(248,248,248);
margin: 0 5px;
cursor: pointer;
border-radius: 5px;
}
.pagenum>li:hover,
.next:hover,.back:hover{
background-color: rgb(0,153,255);
color: white;
}
.fpagenum{
text-align: right;
}
.stop{
background-color: rgb(250,250,250);
color: rgb(198,198,198);
}
.stop:hover{
background-color: rgb(250,250,250);
color: rgb(198,198,198);
}
.clear::after {
  clear: both;
  display: block;
  content: '';
}

.cheng ,.tui{
  width: 360px;
  height: 65px;
  position: fixed;
  background-color: #f1fbf6;
  left: 40%;
  top: 20%;
  font-weight: 400;
  border: 2px solid #12D071;
  display: none;
}

.cheng>div:nth-of-type(1), .tui>div:nth-of-type(1){
  margin: 18px 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: green;
  float: left;
  color: white;
  border-radius: 60px;
  text-align: center;
}

.cheng>div:nth-of-type(2),.tui>div:nth-of-type(2) {
  margin: 20px 10px;
  color: #12D071;
  float: left;
  font-size: 18px;
}